<template>
    <div class="forUs">
        <div class="liuhai"></div>
        <div class="settings-header">
            <div>
                <i class="settings-icon"  @click="goTo('/settings')">&#xe600;</i>
            </div>
            <div>关于我们</div>
            <div></div>
        </div>
        <div class="forUsContent">
            <div class="header">
                <img src="../../../../../public/logo2.png" alt="">
                <div class="name">
                    <p>至游</p>
                    <p>zhiyou</p>
                </div>
            </div>
            <div class="bottom">
                <div>
                    <h4>1.项目的简介：</h4>
                    <p>
                        至游是一个为旅游出行的人专门定制出行路线计划的平台，它让旅游出行的人们不用再花费很多时间去做旅行的攻略，也不怕再被黑心旅行团欺骗而导致旅行的不愉快。
                    </p>
                    <h4>2.项目的主要功能：</h4>
                    <p>
                        该程序能根据用户提供的出行地点制定详细的出行计划，主要包括了出行过程中的交通、住宿，再根据当地的景点推荐一些适合游玩的地方以及适合用户的饮食。
                    </p>
                    <h4>3.项目的操作流程：</h4>
                    <p>
                        用户可以在主页浏览一些比较经典的出行计划，如果想要制定属于自己的旅行计划需要先注册登陆，再根据系统提示操作后，就能得到几条完美的出行计划。
                    </p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "index",
        methods: {
            goTo(path) {
                this.$router.replace(path)
            },
        }
    }
</script>

<style>
    .forUs{
        background: white;
    }
    .forUsContent{
        width: 100%;
        height: auto;
        background: white;
        padding: 0 24px;
        margin-top: 20px;
    }
    .forUsContent>.header{
        width: 200px;
        height: 97px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
    }
    .forUsContent>.header>img{
        width: 97px;
        height: 97px;
    }
    .forUsContent .name>p{
        font-size: 32px;
    }
    .forUsContent .name>p:last-of-type{
        color: #666;
    }
    .forUsContent>.bottom>div h4{
        font-size: 28px;
        font-weight: normal;
    }
    .forUsContent>.bottom>div p{
        text-indent: 47px;
        color: #666;
    }
</style>
